<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<p:panel id="pFinalizaCompraPanel" style="border: none;">

	<h:panelGrid columns="4" cellpadding="2">
		<h:outputText value="Condicao " />
		<h:outputText value="" />
		<h:outputText value="" />
		<h:outputText value="" />

		<p:inputText id="pFinalizaCompraIdCondicao"
			value="#{beanCompra.compra.condPagamento.id}" maxlength="40" size="5">
			<p:ajax event="change" listener="#{beanCompra.hotFindCondicao}"
				process="@this" update="pFinalizaCompraCondicao" />
		</p:inputText>
		<p:inputText id="pFinalizaCompraCondicao"
			value="#{beanCompra.compra.condPagamento.descricao}" size="68"
			disabled="true" binding="#{beanCompra.condPagamento}" />
		<p:commandButton id="selectCond" icon="ui-icon-search"
			title="Selecionar Condicao de Pagamento"
			onclick="dConsultaCondP.show() " />

		<p:commandButton id="pFinalizaCompraGerar" icon="ui-icon-check"
			value="Gerar" action="#{beanCompra.geraConta}"
			update="pFinalizaCompraParcelas" />
	</h:panelGrid>

	<br></br>
	<p:separator />

	<br></br>
	<p:panel style="border:none;" id="pFinalizaCompraParcelas">
		<p:dataTable value="#{beanCompra.contas}" var="conta"
			emptyMessage="Não há parcelas">
			<p:column headerText="Parcelas" width="15">
				<h:outputText value="#{conta.numero}" />
			</p:column>
			<p:column headerText="Vencimento">
				<h:outputText value="#{conta.vencimento}">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</h:outputText>
			</p:column>
			<p:column headerText="Valor">
				<h:outputText value="#{conta.valor}">
					<f:convertNumber minFractionDigits="2"/>
				</h:outputText>
			</p:column>
			<p:column headerText="Data de Pagamento">
				<h:outputText value="#{conta.dataPagamento}" />
			</p:column>
		</p:dataTable>
	</p:panel>
	<br></br>
	<p:separator />

	<h:panelGrid columns="3" style="float: right;">
		<p:commandButton id="pFinalizaCompraSalvar" value="Salvar"
			action="#{beanCompra.save}" update="form" />
		<p:commandButton id="pFinalizaCompraLimpar" value="Limpar"
			action="#{beanCompra.reinitCond}" />
		<p:commandButton id="pFinalizaCompraVoltar" value="Voltar"
			onclick="dCondCompra.hide()" />
	</h:panelGrid>

</p:panel>

<p:dialog header="Consultar Condição de Pagamento"
	widgetVar="dConsultaCondP" id="pFinalizaCompraConsultaCondicao"
	resizable="false">
	<p:outputPanel id="pFinalizaCompraCondicaoPanel">
		<ui:include src="/condPagamento/pCondCompra.xhtml"></ui:include>
	</p:outputPanel>
</p:dialog>

</html>